
$(function () {
    //分页显示
    var parpage = 3;//每页显示的条数；
    var page = 1;//当前页
    var pages = 0;//总页数

    var comments = []; //评论数据

    //页面加载时请求所有的评论
    $.ajax({
        type: 'get',
        url: '/api/comment',
        data: {
            contentid: $('#contentId').val()
        },
        success: function (responseData) {
            //console.log(responseData.Database.comments)
            //获取后端返回的评论数据后渲染评论列表
            comments = responseData.Database.reverse();
            renderComment();
        }
    });

    //评论提交
    $('#messageBtn').on('click', function () {
        alert(1)
        $.ajax({
            type: 'POST',
            url: '/api/comment/post',
            data: {
                contentid: $('#contentId').val(),
                content: $('#messageContent').val()
            },
            success: function (responseData) {
                //console.log(responseData.Database.comments)
                //清空输入框
                $('#messageContent').val('');
                //获取数据
                comments = responseData.Database.comments.reverse();
                renderComment()
            }
        });

    });

    //点击上一页与下一页
    $('.pager').delegate('a', 'click', function () {
        if ($(this).parent().hasClass('previous')) {
            //上一页
            page--;
            renderComment()
        } else {
            //下一页
            page++;
            renderComment()
        }
    });

    //格式化时间
    function formatDate(d) {
        var date1 = new Date(d);
        return date1.getFullYear() + '年' + (date1.getMonth() + 1) + '月' + date1.getDate() + '日 ' + date1.getHours() + ':' + date1.getMinutes() + ':' + date1.getSeconds();
    };


//获取后端返回的评论数据后渲染评论列表
    function renderComment() {
        //获取所有li
        var $lis = $('.pager li');
        $lis.eq(1).html(page + '/' + pages);
        //总条数
            $('#messageCount').html(comments.length);
        //总页数最小为1
            pages = Math.max(Math.ceil(comments.length / parpage),1);
        //开始循环数
            var start =Math.max(0,(page - 1) * parpage) ;
        //结束循环数
            var end =Math.min(start + parpage,comments.length);
        if (page <= 1) {
            page = 1;
            $lis.eq(0).html('<span>没有上一页<span>')
        } else {
            $lis.eq(0).html('<a href="javascript:;">上一页</a>')
        }
               if (page >= pages) {
            page = pages;
            $lis.eq(2).html('<span>没有下一页<span>')
        } else {
            $lis.eq(2).html('<a href="javascript:;">下一页</a>')
        }
        if (comments.length==0){
            $('.messageList').html('<div class="messageBox"><p>还没有评论快来抢沙发......</p></div>');
        }else{
            //循环评论内容
            var html = '';
            for (var i = start; i < end; i++) {

                html += ' <div class="messageBox">\n' +
                    '            <p class="name clear">\n' +
                    '                <span class="fl">' + comments[i].username + '</span>\n' +
                    '                <span class="fr">' + formatDate(comments[i].postTime) + '</span>\n' +
                    '            </p>\n' +
                    '            <p>' + comments[i].postcontent + '</p>\n' +
                    '    </div>'
            }
            $('.messageList').html(html);

        }

    }

});

